<div class="container">
  <div class="header">
    <div class="main">
      <ul class="nav">
        <li>特价酒店</li>
        <li>|</li>
        <li>华人旅馆</li>
      </ul>
      <h2>旅途可以多一种可能。</h2>
      <div class="sort">
        <span>海外酒店</span>
        <span>国内酒店</span>
      </div>
      <div class="input">
        <input type="text" placeholder="想去哪里" />
        <div>
          <div>入住时间</div>
          <div>退房时间</div>
        </div>
        <button>搜索酒店</button>
      </div>
      <ul class="city">
        <li>曼谷</li>
        <li>洛杉矶</li>
        <li>纽约</li>
        <li>旧金山</li>
        <li>东京</li>
        <li>大阪</li>
      </ul>
    </div>
  </div>
  <div class="main">
    <div class="header">
      <p>精选住宿</p>
      <ul>
        <li></li>
      </ul>
      <div class="data">
        <div class="city">
          <div class="top">
            <span></span>
          </div>
          <div class="bottom">
            <ul>
              <li>
                <div class="num"></div>
                <div class="text"></div>
              </li>
            </ul>
          </div>
        </div>
        <div class="user">
          <div class="top">
            <span></span>
          </div>
          <div class="bottom">
            <ul>
              <li>
                <div class="num"></div>
                <div class="text"></div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="text">
        <p>数据结论:</p>
        <span>在曼谷酒店选择上，穷游用户更偏爱星级高、评分高的住宿体验。</span>
      </div>
    </div>
    <div class="middle">
      <ul>
        <li>
          <div class="img">
            <img src="" alt="" />
          </div>
          <p></p>
          <div>
            <div></div>|<span></span>
          </div>
          <div>
            <p></p>
          </div>
        </li>
      </ul>
      <div class="title">
        <p>跟着电影去旅行</p>
        <span>电影镜头下的异国他乡，永远对旅人有着非凡的吸引力。多瑙河畔的忧郁星期天，罗马街头的阳光与微风，在午夜巴黎寻找黄金时代，到喧闹旺角体会平凡人的英雄梦想，或是干脆放空所有，迷失于东京的霓虹闪烁……</span>
      </div>
      <div class="movie-place">
        <ul>
          <li>
            <img src="" alt="" />
            <div>
              <p></p>
              <span></span>
            </div>
          </li>
        </ul>
      </div>
      <div class="Bustling-city">
        <h2>繁华都市</h2>
        <ul>
          <li>
            <div class="img">
              <img src="https://pic.qyer.com/plan/day/note/5329956/1504599561376/6272" alt="">
            </div>
            <div class="text">
              <div class="top">
                <div>三井花园饭店京都新町别邸</div>
                <div class="price"><span>￥1296</span>元起</div>
              </div>
              <div class="bottom">
                <div class="start">
                  <img src="https://common3.qyerstatic.com/hotel/desktop/hotel_home/img/star.svg" alt="">
                  <img src="https://common3.qyerstatic.com/hotel/desktop/hotel_home/img/star.svg" alt="">
                  <img src="https://common3.qyerstatic.com/hotel/desktop/hotel_home/img/star.svg" alt="">
                  <img src="https://common3.qyerstatic.com/hotel/desktop/hotel_home/img/star.svg" alt="">
                </div>
                <span>8.9分</span>
              </div>
            </div>
          </li>
          <li>
            <div class="img">
              <img src="https://pic.qyer.com/plan/day/note/5329956/1504599800263/1730" alt="">
            </div>
            <div class="text">
              <div class="top">
                <div>The Muse Haus I - Black Sheep</div>
                <div class="price"><span>￥742</span>元起</div>
              </div>
              <div class="bottom">
                独立房间
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="hot-country-hotel">
        <h2>国外热门酒店预订</h2>
        <ul></ul>
      </div>

      <div class="hot-city-hotel">
        <h2>热门城市酒店预订</h2>
        <ul>

        </ul>
      </div>
    </div>
  </div>
</div>